<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>FoodSage.sg</title>
        <link href="${facesContext.externalContext.requestContextPath}/css/loginfoodsage.css" media="screen" rel="stylesheet" type="text/css"/>
        <ui:insert name="javascript"></ui:insert>
        <ui:insert name="style"></ui:insert>
        <ui:insert name="metadata"></ui:insert>
    </h:head>

    <body>
        <div id="container">
            <div class="top_nav">
                <div class="site_logo"> <a href="#{facesContext.externalContext.requestContextPath}/FoodSageHomePage.xhtml"><img src="#{facesContext.externalContext.requestContextPath}/images/template/foodsage_logo.png" width="500px" title="foodSageSG home"/></a> </div>
                <div class="top_nav_right_col">
                    <div class="top_nav_right_localization">
                     <h:form>
                        <div class="localization">
                            <!-- LOCALIZATION -->
                            <!-- this selectedLocale menu must always be at the top of the form -->
                            <h:selectOneMenu id="selectedLocale" value="#{indexManagedBean.selectedLocale}">
                                <f:selectItems value="#{enumSelectedLocale.listItems}" />
                                <p:ajax update="form" listener="#{indexManagedBean.selectedLocaleValueChangeListener}" />
                            </h:selectOneMenu>
                        </div>
                    </h:form>
                    </div>
                    <form method="get" action="#" id="formsearch">
                        <input id="search_input" type="text" name="term" class="grayfont mag_icon" value="Find Places or People ..." onclick="if (this.value=='Find Places or People ...') this.value=''; this.style.color = '#000'"/>
                        <a class="search_bar" title="Search" href="#" onclick="$('#formsearch').submit();"><span class="search_icon"></span></a>
                    </form>
                    <h:form id="registerForm">
                    <div class="registerLogin ">
                      <c:if test="${foodSageTemplateManagedBean.loginedIn==true}">  
                            <ui:insert name="userName"/>
                            <h:outputLink  value="tourist/TouristViewMyFoodSage.xhtml" ><h:outputText value="#{touristViewInboxManagedBean.tourist.username}"/></h:outputLink> 

                        <h:commandLink value="LogOut" action="#{touristLogoutManagedBean.doLogOut}"/>

                        </c:if>
                        

                    </div>
                 </h:form>
                </div>
            </div>
            <!-- end of sitesLogo -->
            <h:form id="touristForm" >
                <ui:insert name="mainmenu"></ui:insert>
                <ui:insert name="logout"></ui:insert>
                <div class="body_content_no_sidebar">
                    <div id="nav_menu">
                        <ui:insert name="nav_menu"></ui:insert>
                    </div>
                    <div id="nav_content">
                        <ui:insert name="content"></ui:insert>
                    </div>
                </div>
                <!-- end of content -->

                <div class="footer" >
                    <ul>
                        <li> <a href="#">About</a> </li>
                        <li> <a href="#" >Contact us</a> </li>
                        <li> <a href="#">Terms and Conditions</a> </li>
                        <li> <a href="#">Privacy Policy</a> </li>
                        <li> <a href="#">User Guildlines</a> </li>
                        <li> <a href="#">FAQ</a> </li>
                    </ul>
                </div>
            </h:form>
        </div>

        <!-- end of frame -->

    </body>
</html>
